<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .mask {
            background-color: rgba(0,0,0,0.5);
            position:fixed;
            top:0;
            bottom:0;
            left:0;
            right:0;
        }
        .mask:hover {
            display: none;
        }
    </style>
</head>
<body>
    <div class="mask"></div>
        <div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Beatae consectetur doloremque explicabo libero.
            Blanditiis cum debitis est explicabo mollitia officiis perferendis ratione reiciendis tenetur. Ea ipsa
            molestiae perspiciatis reprehenderit veniam.
        </div>
        <div>Doloribus eius expedita hic, laborum magni, minima modi nemo neque nostrum optio perspiciatis praesentium
            quam quia saepe sapiente, sequi sit tenetur voluptatem! Ab alias dolorem esse eveniet, explicabo iste quia.
        </div>
        <div>Aliquam ducimus facere modi nemo obcaecati perspiciatis quae quam repellendus voluptate. Blanditiis
            consequuntur dignissimos distinctio eos eum exercitationem hic itaque nam, officiis omnis quasi quod
            repellendus repudiandae, sapiente temporibus vero!
        </div>
        <div>Accusamus adipisci aliquid cum debitis, dolores dolorum ducimus exercitationem magni natus neque nihil
            obcaecati officia praesentium provident quae qui voluptates! Amet ducimus ex facere laboriosam minima
            perferendis quisquam quos reprehenderit!
        </div>
        <div>Aspernatur consectetur deserunt dignissimos ex magni minima mollitia non placeat, quae reiciendis
            repellendus rerum sint, temporibus? Ab aliquid asperiores aut deserunt dolorem, eius eligendi non quidem
            quos sequi tempore velit?
        </div>
        <div>Aliquid eos hic numquam quae, quam reprehenderit. Beatae doloribus, eligendi ex fugiat illo sed unde
            veritatis! Consectetur dolorum enim, eum explicabo facilis fugiat inventore modi quasi reprehenderit! Iure,
            similique vero!
        </div>
        <div>Accusantium, architecto atque consectetur, dolore exercitationem ipsum odit officiis, quaerat quasi quos
            sit voluptatibus! Adipisci alias animi aperiam aut corporis dolores expedita facilis quas repellendus, sed
            sint, voluptas voluptate, voluptatibus.
        </div>
        <div>Animi architecto aspernatur at culpa deserunt doloremque eveniet id inventore iusto laborum maiores nemo
            numquam, possimus repudiandae suscipit tempora tenetur totam. A aliquid assumenda consectetur distinctio hic
            laudantium mollitia totam!
        </div>
        <div>Accusamus autem cupiditate dicta excepturi, fugiat harum ipsum labore placeat quo. Ab accusantium aliquid
            beatae consequatur inventore ipsa magnam pariatur possimus repudiandae sed similique, soluta sunt veritatis?
            Accusantium aperiam, natus?
        </div>
        <div>Atque, rerum, similique? Atque consequuntur cumque esse harum hic inventore, iure labore, minus neque
            nihil, similique voluptatum? Autem dolore mollitia tempore. Autem deleniti harum ipsum natus nisi omnis
            placeat quas.
        </div>
        <div>Ab amet atque culpa delectus dolores dolorum expedita fuga laborum nesciunt numquam odit officia quasi,
            quod reiciendis, sed veniam, voluptas voluptatem? Cum dignissimos dolores dolorum fugiat impedit tempore
            vero voluptates?
        </div>
        <div>Accusantium, amet autem, cupiditate deserunt doloremque earum nam nulla, soluta tempora tempore ut vel
            veniam vero. Eligendi, laborum, nisi! Amet aperiam cum distinctio esse excepturi in odio recusandae sit
            voluptas?
        </div>
        <div>Ad aliquid beatae deserunt error inventore numquam recusandae rem sequi sit tenetur? Consequuntur enim,
            eveniet explicabo facilis impedit laboriosam maxime minus nisi nobis non, obcaecati praesentium quod sint
            veniam voluptatum.
        </div>
        <div>Aliquam asperiores deleniti eaque eius, et hic id maiores obcaecati qui quis ratione recusandae rem
            similique tempora tenetur unde veritatis? Alias at excepturi incidunt maxime nihil quae suscipit ut
            veritatis.
        </div>
        <div>Adipisci aliquam, commodi culpa libero qui voluptas voluptatibus! Animi, corporis deleniti dignissimos
            distinctio eum exercitationem expedita fuga ipsa ipsam laborum, magni neque nostrum obcaecati optio, quasi
            qui quibusdam quidem velit.
        </div>
        <div>Accusantium blanditiis debitis doloribus error ex facere fugiat fugit hic illo in ipsa itaque iusto libero
            magnam numquam, perferendis quaerat quidem quod, saepe tempore temporibus tenetur veniam voluptates?
            Delectus, dolore.
        </div>
        <div>Distinctio exercitationem officiis omnis qui? A autem beatae deserunt neque quam repudiandae sint ut. Amet
            dolores nobis quas sed sint vero voluptatibus. Animi eveniet laboriosam nihil quae reprehenderit ut
            voluptatem?
        </div>
        <div>Atque aut consequatur deserunt, dolores, doloribus explicabo minus numquam provident quisquam reiciendis
            reprehenderit sequi sint, veritatis vero voluptate. Doloribus impedit maiores porro quaerat tenetur totam,
            unde voluptates voluptatum! Porro, similique.
        </div>
        <div>Animi aperiam aspernatur consectetur fugiat hic, illo in labore laboriosam libero molestiae molestias natus
            non nostrum pariatur quia quis ratione reprehenderit sapiente sit, sunt tempora tenetur totam velit vitae
            voluptates.
        </div>
        <div>Atque excepturi impedit velit veritatis voluptatum. Ducimus esse minima nisi nulla soluta. Aperiam
            aspernatur, beatae consectetur dignissimos distinctio enim fugiat harum maiores nesciunt nobis, provident
            quasi, reprehenderit voluptas voluptate voluptates.
        </div>
        <div>Ad adipisci corporis enim eveniet laboriosam libero perferendis porro sequi voluptatem voluptates! Aliquid
            aperiam architecto culpa debitis, delectus doloremque explicabo iusto possimus praesentium provident quae
            quaerat quam qui rem ut.
        </div>
        <div>Consectetur consequatur delectus distinctio eum magni odit quae tempora temporibus veniam voluptates?
            Aspernatur beatae culpa dolorem fuga recusandae. Aliquam animi eligendi fuga, laudantium minus nihil odio
            possimus provident quos totam!
        </div>
        <div>Amet consequuntur culpa eaque id illum impedit neque, nihil, nobis numquam pariatur perspiciatis quibusdam
            quod, veritatis? A ab atque consectetur eligendi fugit harum in modi, officiis porro quo soluta voluptas.
        </div>
        <div>Aut corporis culpa dicta, dolore eaque eos itaque quia quis? Alias aliquam beatae doloribus ex incidunt
            nemo vel voluptatibus? At est libero necessitatibus nisi omnis perferendis, placeat quae quasi unde!
        </div>
        <div>A consectetur cum, cupiditate, debitis dolore eius est illum ipsum iste necessitatibus nemo omnis quisquam,
            similique. A, ab assumenda autem, beatae cum dolores eius, fugit id laborum neque non saepe?
        </div>
        <div>Aliquam aliquid animi autem blanditiis consequatur eveniet facere fuga impedit in ipsa ipsam ipsum minima,
            molestiae odit praesentium quia ratione repudiandae sequi vero voluptatibus. Accusamus ad culpa eum hic
            suscipit?
        </div>
        <div>Architecto, aut impedit minima nam quas quod sed? Accusamus, ad debitis ea esse, eum eveniet in inventore,
            laudantium neque perspiciatis quidem tempora tempore velit voluptate voluptatibus! Facere libero nihil
            tempore!
        </div>
        <div>Aut corporis error, exercitationem explicabo facilis iste laudantium nihil possimus provident, quas sint
            sunt veniam! Ad asperiores autem dolore fuga fugiat obcaecati odit quo sequi tempora voluptatibus. Esse,
            modi totam.
        </div>
        <div>Ab amet commodi culpa cupiditate deserunt distinctio, dolore doloribus, ducimus eligendi id illum ipsam
            minima neque provident quia repellendus suscipit unde vitae voluptate voluptatibus. Aperiam at cumque enim
            facilis saepe!
        </div>
        <div>Aliquam autem cupiditate distinctio dolorem, dolorum eligendi ipsa magnam minus perferendis, praesentium
            quidem rerum sequi soluta veniam voluptates. Asperiores aut blanditiis deserunt dolores, quia recusandae
            reprehenderit sequi sit soluta ut.
        </div>
        <div>Architecto distinctio doloremque earum eligendi fuga iusto, laboriosam necessitatibus officia officiis
            perspiciatis quos sed, veritatis. Aliquam at dolorem iusto obcaecati odit possimus temporibus. Aliquam ea
            illum laudantium modi nemo ratione.
        </div>
        <div>A assumenda autem corporis dignissimos eligendi expedita nemo quis repellendus reprehenderit similique.
            Aliquam commodi consectetur corporis deleniti, distinctio et eum mollitia, neque odio possimus quia quis
            sapiente sequi unde vero.
        </div>
        <div>Animi asperiores aspernatur at atque autem, cumque dolorum earum facere fugiat hic illo ipsam, nam natus
            nisi nulla, perferendis perspiciatis sint! Ab aut autem dolores ex necessitatibus perspiciatis quam sequi.
        </div>
        <div>Commodi cumque delectus dolores ducimus eaque in ipsam mollitia natus necessitatibus pariatur placeat,
            porro, quae quasi repellat, totam! In laudantium minus necessitatibus nemo non quam quidem sapiente tenetur
            ullam vero?
        </div>
        <div>Consequatur ea earum, eos facere hic in molestiae officiis quos rerum totam vitae voluptate voluptatem
            voluptatibus. Deleniti et eveniet id ipsa neque nihil odit, praesentium qui quis, reiciendis sapiente
            voluptatibus.
        </div>
        <div>A accusamus adipisci assumenda cumque, cupiditate dolor dolores eaque error esse facere, facilis id in
            laboriosam nisi nulla numquam optio possimus quam quas, quasi quidem quod repellat ut voluptas voluptatum.
        </div>
        <div>Consequuntur delectus, deleniti deserunt dicta dignissimos dolores doloribus earum explicabo impedit iste
            laborum nulla quas quibusdam quidem reiciendis ut veniam voluptate. Cumque eum quod repellat sed! Aliquam
            hic nisi velit!
        </div>
        <div>Accusamus ad aut commodi corporis dolorem doloribus ducimus eius facilis fugit ipsa laborum libero
            molestias mollitia nam nostrum odit, officia pariatur placeat porro provident quisquam reiciendis sed sequi
            soluta voluptates.
        </div>
        <div>Deserunt dolorem doloribus iusto laborum praesentium quae saepe velit! Blanditiis distinctio, dolorem eaque
            facere, fuga ipsa iste iusto laudantium libero, modi neque nostrum quisquam reiciendis rerum sed sint vero
            vitae?
        </div>
        <div>Aperiam, cumque et eum ex facilis fugiat harum id iste iure magni molestias nobis praesentium quisquam
            recusandae reiciendis, sapiente sit. Consequuntur, eos, praesentium? Architecto dolorum hic inventore
            itaque, suscipit veritatis!
        </div>
</body>
</html>